@mixin label-variant($color) {
	background-color: $color;

	&[href] {
		&:hover,
		&:focus {
			background-color: darken($color, 10%);
		}
	}
}

.label {
	display: inline;
	padding: $label-padding;
	font-size: 80%;
	font-weight: bold;
	line-height: 1;
	color: $label-color;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	@include border-radius($label-border-radius);

	// Empty labels collapse automatically (not available in IE8)
	&:empty {
		display: none;
	}

	// Quick fix for labels in buttons
	.btn & {
		position: relative;
		top: -1px;
	}
}

// Add hover effects, but only for links
a.label {
	&:hover,
	&:focus {
		color: $label-link-hover-color;
		text-decoration: none;
		cursor: pointer;
	}
}

// Colors
// Contextual variations (linked labels get darker on :hover)

.label-default {
	@include label-variant($label-default-bg);
}

.label-primary {
	@include label-variant($label-primary-bg);
}

.label-success {
	@include label-variant($label-success-bg);
}

.label-info {
	@include label-variant($label-info-bg);
}

.label-warning {
	@include label-variant($label-warning-bg);
}

.label-danger {
	@include label-variant($label-danger-bg);
}